<template>
	<div class="app">
		<div class="search_null_content">
			<div class="search_null">
				<image src="http://cdn.rzico.com/v4.0/footprint-none.png" style=" width: 195.5px;height: 114px;"></image>
			</div>
			<div>
				<text class="search_null_title">找不到商品</text>
			</div>
			<div class="null_button  ">
				<text style='color: white;'>搜索其它商品</text>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: '',
		data() {
			return {}
		},
		created() { // 在实例创建完成后被立即调用
		},
		methods: {},
		components: {},
	}
</script>

<style scoped>
	.app {
		flex: 1;

	}

	.search_null_content {
		margin-top: 200px;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 750px;
		height: 300px;
	}

	.search_null_title {
		width: 195.5px;
		font-size: 28px;
		font-weight: 400;
		color: rgba(26, 26, 30, 1);
		line-height: 42px;
		opacity: 0.3;
		text-align: center;
		margin-top: 23px;
	}

	.search_null {
		width: 195.5px;
		height: 114px;
	}

	.null_button {

		background-image:linear-gradient(to right,  rgba(237, 86, 75, 1), rgba(245, 113, 74, 1)) ;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 338px;
		margin-top: 42px;
		height: 74px;
		font-size: 32px;
		font-weight: 400;
	}
</style>
